<script src="<?=n_js('skin','tools')?>"></script>

<div class="n-size-huge n-sep-left n-sep-top" style="border:1px solid #666;background-color:#fff;padding:10px;">
	<textarea id="common-src" style="float: right"></textarea>
	<div id="common" class="style-show"><?=n_mod("skin")->common()?></div>
</div>

<div class="n-size-huge n-sep-left n-sep-top" style="border:1px solid #666;background-color:#fff;padding:10px;">
	<textarea id="paging-src" style="float: right"></textarea>
	<div id="paging" class="style-show"><?=n_mod("skin")->paging()?></div>
</div>

<div class="n-size-huge n-sep-left n-sep-top" style="border:1px solid #666;background-color:#fff;padding:10px;">
	<textarea id="table-src" style="float: right"></textarea>
	<div id="table" class="style-show"><?=n_mod("skin")->table()?></div>
</div>

<div class="n-size-huge n-sep-left n-sep-top" style="border:1px solid #666;background-color:#fff;padding:10px;">
	<textarea id="box-src" style="float: right"></textarea>
	<div id="box" class="style-show"><?=n_mod("skin")->box()?></div>
</div>


<div class="n-size-huge n-sep-left n-sep-top" style="border:1px solid #666;background-color:#fff;padding:10px;">
	<textarea id="form-src" style="float: right"></textarea>
	<div id="form" class="style-show"><?=n_mod("skin")->form()?></div>
</div>

<script>
	$(document).ready(function(){
		$(".style-show").each(function(){
			var id = $(this).attr('id');
			$("#"+id+'-src').val($('#'+id).html());
			//$("#"+id+'-src').hide();
			
		});
	});
</script>